
import {createApp} from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'
import './styles/index.scss'
import Vuesax from 'vuesax-alpha'
import weather from 'vue3-mini-weather'
import 'vuesax-alpha/theme-chalk/index.css'
// dark mode
import 'vuesax-alpha/theme-chalk/dark/css-vars.css'
// @ts-ignore
import * as VuesaxAlphaIconsVue from '@vuesax-alpha/icons-vue'
// @ts-ignore
import MyIcon from "@/components/MyIcon.vue";
import 'animate.css';
import "boxicons/css/boxicons.min.css";

const app = createApp(App)
app.use(Vuesax)
app.use(createPinia())
app.use(router)
app.use(weather)

// 注册所有图标
// console.log(Object.entries(VuesaxAlphaIconsVue))

for (const [key, component] of Object.entries(VuesaxAlphaIconsVue)) {
	// @ts-ignore
	app.component(`VsIcon${key}`, component)
}
app.component('MyIcon',MyIcon)
app.mount('#app')
